.search .gsc-control-cse {
    background: transparent;
    border: none;
}

@media screen and (min-width: 767px) {
    .search {
        width: 100%;
        max-width: 500px;
    }

    .search .gsc-input-box {
        border: 0;
    }

    .search .gsc-control-wrapper-cse {
        display: flex;
        align-items: center;
        flex-direction: column;
        min-height: 50px;
        background-color: #fff;
        overflow: hidden;
    }

    .search form.gsc-search-box {
        margin: 0;
    }

    .search table.gsc-search-box {
        margin: 0;
    }

    .search table.gsc-search-box td.gsc-input {
        padding: 0;
    }

    .search .gsc-input[name=search] {
        font-size: 20px;
    }

    .search .gsc-search-button-v2 {
        height: 50px;
        background-color: #fff;
        border: 0;
        cursor: pointer;
        border-radius: 0 999px 999px 0;
    }

    .search .gsc-search-button-v2:hover {
        background-color: #fff;
    }

    .search .gsc-search-button-v2 svg {
        width: 20px;
        height: 20px;
        fill: var(--black-color);
    }

    .search .gsc-search-button-v2:active {
        background-color: var(--main-color);
    }

    .search .gsc-search-button-v2:active svg {
        fill: #fff;
    }

}